body {
	background-color: #f1f1f1;
}
header {
	height: 1.33rem;
	background-color: #ff841d;
	overflow: hidden;
    display: flex;
	.back {
		margin-top: 0.27rem /* 10/37.5 */;
		display: block;
		width: 0.8rem;
		height: 0.8rem;
		font-size: 0.59rem;
		color: white;
		text-align: center;
		line-height: 0.8rem;
		float: left;
	}
	h4 {
        flex: 1;
        text-align: center;
		color: white;
		height: 0.59rem;
		font-size: 0.53rem;
        margin-top: .27rem /* 10/37.5 */;
		float: left;
	}
	.download {
		float: right;
        width: 1.33rem /* 50/37.5 */;
		img {
			width: 0.91rem;
			height: 0.91rem;
			margin-top: 0.21rem /* 8/37.5 */;
			margin-right: 0.4rem /* 15/37.5 */;
		}
	}
}
nav {
	width: 100%;
	height: 1.07rem /* 40/37.5 */;
	overflow-x: auto;
	background-color: #fff;
	margin-bottom: 0.27rem /* 10/37.5 */;
	ul {
		width: 24.27rem /* 910/37.5 */;
		li {
			float: left;
			width: 1.87rem /* 70/37.5 */;
			height: 1.07rem /* 40/37.5 */;
			line-height: 1.07rem /* 40/37.5 */;
			text-align: center;
            &:first-child{
                color: red;
            }
		}
	}
}

.product {
	.info {
		li {
			width: 9.87rem /* 370/37.5 */;
			height: 4.8rem /* 180/37.5 */;
			padding: 0.13rem /* 5/37.5 */ 0;
			padding-left: 0.13rem /* 5/37.5 */;
			margin-bottom: 0.13rem /* 5/37.5 */;
			background-color: #fff;

			img {
				float: left;
				width: 3.6rem /* 135/37.5 */;
				height: 3.47rem /* 130/37.5 */;
			}
			.fr {
				float: left;
				width: 5.97rem /* 224/37.5 */;
				margin-left: 0.27rem /* 10/37.5 */;
				h4 {
					font-size: 0.48rem /* 18/37.5 */;
					word-break: break-all;
					line-height: 0.51rem /* 19/37.5 */;
					min-height: 0.8rem /* 30/37.5 */;
					font-weight: normal;
					margin-bottom: 0.13rem /* 5/37.5 */;

					span {
						color: #f50;
					}
				}
				.price {
					font-size: 0.64rem /* 24/37.5 */;
					color: #fc353a;
					height: 0.91rem /* 34/37.5 */;
					i {
						color: #fc353a;
						font-size: 0.43rem /* 16/37.5 */;
						margin-right: 0.13rem /* 5/37.5 */;
					}
					em {
						font-size: 0.32rem /* 12/37.5 */;
						color: #fc353a;
					}
					del {
						font-size: 0.32rem /* 12/37.5 */;
						color: #ccc;
						margin-left: 0.13rem /* 5/37.5 */;
					}
				}
				.process {
					overflow: hidden;
					.bar {
						float: left;
						width: 3.2rem /* 120/37.5 */;
						height: 0.53rem /* 20/37.5 */;
						line-height: 0.53rem /* 20/37.5 */;
						border: 1px solid #fc353a;
						margin-top: 0.13rem /* 5/37.5 */;
						border-radius: 0.27rem /* 10/37.5 */;
						background-color: #ffb7b7;
						color: #fff;
						font-weight: bold;
						text-indent: 0.13rem /* 5/37.5 */;

						.bar-in {
							width: 0;
							background-color: #fc353a;
							border-radius: 0.27rem /* 10/37.5 */;
							text-align: center;
							font-size: 0.32rem /* 12/37.5 */;
						}
					}
					.rest {
						float: left;
						margin-top: 5px;
						font-weight: bold;
						color: #fc353a;
					}
				}
				.down {
					margin-top: 10px;
					a {
						display: block;
						&:first-child {
							border: 1px dotted #fc353a;
							height: 0.67rem /* 25/37.5 */;
							color: #fc353a;
							text-align: center;
							line-height: 0.67rem /* 25/37.5 */;
							width: 4rem /* 150/37.5 */;
							cursor: pointer;
						}
						&:last-child {
							float: right;
							margin-right: 0.4rem /* 15/37.5 */;
							margin-top: 0.13rem /* 5/37.5 */;
							border: 1px solid #fc353a;
							background-color: #fc353a;
							width: 2.13rem /* 80/37.5 */;
							height: 0.8rem /* 30/37.5 */;
							line-height: 0.8rem /* 30/37.5 */;
							text-align: center;
							border-radius: 0.27rem /* 10/37.5 */;
							cursor: pointer;
							color: #fff;
						}
					}
				}
			}
		}
	}
}
